<template>
    <view>
        <swiper class="swiper-box padding-horizontal-main" :indicator-dots="dailyBanner.length > 0" :indicator-color="indicator_color" :indicator-active-color="indicator_active_color" :autoplay="dailyBanner.length > 0" :circular="circular" v-if="dailyBanner.length > 0">
            <block v-for="(item, index) in dailyBanner" :key="index">
                <swiper-item>
                    <!-- <image mode="widthFix" :src="organizationGateway + '/file/download?filepath=' + item.image.mmUrl"> </image> -->
                    <view style="font-size: 30px;text-align: center;background-color: aquamarine;padding: 175rpx 0;border-radius: 20px">{{ index + 1 }}</view>
                </swiper-item>
            </block>
        </swiper>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                indicator_dots: false,
                indicator_color: 'rgba(0, 0, 0, .2)',
                indicator_active_color: '#666',
                autoplay: true,
                circular: true
            };
        },
        components: {},
        props: {
            dailyBanner: {
                type: Array,
                default: []
            }
        },
        methods: {}
    }
</script>

<style>
    .swiper-box {
        height: 420rpx;
    }
    .swiper-box image {
        width: 100%;
        /* height: 100%; */
        border-radius: 20px;
        background-size: cover;
    }
    
</style>